<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>login</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="viewport" content="width=1080, minimum-scale=0.3, target-densitydpi=device-dpi,user-scalable=no,">	
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_e8mnq955ucg9o1or.css"/>
</head>
	<body style="background-color: #2bc3cc;">
		<header class="app-bar">
			<p class="iconfont fl "></p>
			<h1 class="title">Log in</h1>
		</header>
		<!------------------标头结束--------------------->
		<div class="app-loginin">
			 <ul>
			 	<a href="">
			 		<li>
			 			<img src="img/login.png"/>
			 			<p>Log in with Facebook</p>
			 		</li>
			 	</a>
			 	<a href="">
			 		<li class="red">
			 			<img src="img/login01.png"/>
			 			<p>Log in with Google</p>
			 		</li>
			 	</a>
			 </ul>
		</div>
		<!------------------其它登录结束--------------------->
		<div class="app-transit">
			<span></span>
			<p>	OR</p>
			<span></span>
		</div>
		<!------------------过渡结束--------------------->
		<div class="app-login-form">
			<div class="boxtar">
				<img src="img/form.png"/>
				<div class="box-input">
					<input type="" name="" placeholder="Valid Email " id="" value="" />
				</div>
			</div>
			<div class="boxtar">
				<img src="img/form01.png"/>
				<div class="box-input">
					<input type="" name="" placeholder="Valid Email " id="" value="" />
				</div>
			</div>	
			<div class="p-rember">
				<p class="check change"></p>
				<p class="text">Remember me</p>
			</div>
			<a href="#" class="p-forget">Forgot your password?</a>
		</div>
		<!------------------表单结束--------------------->
		<a href="course.html">
			<p class="app-btn-login">
				Log in  <img src="img/jiantou.svg"/>
			</p>
		</a>
		<p class="app-accountxt">Still haven't signed up yet? <a href="">Create an account for free</a></p>
		<script src="//cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
			$('.app-btn-add').click(function(){
				$('.app-discussion-comment').animate({bottom:"0"},500)
			})
			$('.p-rember').click(function(){
				$(this).find('.check').toggleClass('change')
			})
		})
	</script>	
	</body>
</html>
